<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="/public/css/base.css">
    <link rel="stylesheet" href="/public/css/login.css">
    <!-- <script src="../public/js/jquery-1.10.1.min.js"></script> -->
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script src="/public/js/customJS/login.js"></script>
</head>

<body>
    <h3>
        <a href="/"><img src="../public/images/logo.png" alt=""></a>
    </h3> 
    <main>
        <div id="tip"><i>!</i><span></span></div>
        <div class="loginContainer"> 
            <h4><span class="spanStyle">会员快捷登录</span><span>会员卡号登录</span></h4>
            <hr>
            <div class="loginContainer1">
                <div class="phoneBox">
                    <i>&#xe65f;</i><input type="text" name="tel" id="phone" class="phone" placeholder="手机号">
                </div>
                <div class="codeContainer">
                    <div class="inputCodeBox">
                        <i>&#xe642;</i><input type="text" name="phoneCode" id="inputCode" class="inputCode" placeholder="请输入验证码">
                    </div>
                    <div class="sendCode">发送验证码</div>
                </div>
                <div class="code">
                    <i>&#xe605;</i><input type="text" name="cardCode" id="inpCode" class="inpCode" placeholder="请输入卡号">
                </div>  
                <p class="explain">注：以自己身份登录，请输入自己的会员卡号；如以云商子账号登录，请输入云商的会员卡号</p>
                <span class="isMember" id="isNot">非会员登录&gt;</span>

                <input type="submit" value="登录" class='submit'>
                <a href="/register" class="goRegister">立即注册</a>
                <div class="iconLogin">
                    <span><i>&#xe657;</i>QQ登录</span>  
                    <span><i>&#xe620;</i>微信登录</span>
                </div>
            </div>
            <div class="loginContainer2">
                <div class="code">
                    <i>&#xe65f;</i><input type="text" name="inputCode" id="inpCode2" class="inpCode" placeholder="请输入卡号">
                </div>
                <div class="pwd">
                    <i>&#xe62d;</i><input type="text" name="inputPwd" id="inpPwd2" class="inpPwd" placeholder="请输入密码">
                </div>
                <span class="isMember" id="isNot2">非会员登录&gt;</span>

                <input type="submit" value="登录" id='submit1'>
                <a href="#" class="forgetPwd">忘记密码</a>
                <em style="color:#595959;">&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</em>
                <a href="/register" class="goRegister">立即注册</a>
                <div class="iconLogin">
                    <span><i>&#xe657;</i>QQ登录</span>
                    <span><i>&#xe620;</i>微信登录</span>
                </div>
            </div>
        </div>


        <!-- 非会员登录 -->
        <div class="noMemberLogin">
            <h4><span class="spanStyle">非会员登录</span></h4>
            <hr>
            <div class="loginContainer1">
                <div class="phoneBox">
                    <i>&#xe65f;</i><input type="text" name="tel" id="phone3" class="phone" placeholder="手机号">
                </div>
                <div class="codeContainer">
                    <div class="inputCodeBox">
                        <i>&#xe642;</i><input type="text" name="code" class="inputCode" placeholder="请输入验证码">
                    </div>
                    <div class="sendCode">发送验证码</div>
                </div>
                <p class="explain">注：您还不是会员，成为会员可享受更多优惠哦！</p>
                <span class="isMember" id="isMember">会员登录&gt;</span>

                <input type="submit" value="登录" class='submit'>
                <a href="/register" class="goRegister">立即注册</a>
                <div class="iconLogin">
                    <span><i>&#xe657;</i>QQ登录</span>
                    <span><i>&#xe620;</i>微信登录</span>
                </div>
            </div>

        </div>

    </main>
    <p class="copyRight">Copyright © 1994-2019 完美（中国）有限公司版权所有，未经许可不得转载或链接。</p>



</body>

</html>